<template>
  <div class="box">
    <!-- <div class="goHome" @click="goHome">返回主页</div> -->
    <div class="banner">
      <div class="banner_centent"><h1>关于我们</h1></div>
    </div>
    <div class="f2">
      <div class="f2_content">
        <div class="title">平台介绍</div>
        <div class="useScene">
          <div class="useSceneLeft">
            <img src="@/assets/user/002.jpg" alt="" />
          </div>

          <div class="useSceneRightList">
            <p>
              商驿企服数字科技平台，是山东数据交易有限公司在中国（山东）自由贸易试验区济南片区的战略指导下，联合北京商驿科技有限公司，充分发挥数据赋能商务信用与融资服务作用，建设的专业、高效、精准的外贸智慧服务平台。
            </p>
            <p>
              平台核心聚焦济南自贸区乃至山东省进出口企业的实际需求，特别是针对其轻资产运营模式下融资难、成本高及商务信用信息不对称等需求痛点，应用人工智能算法和决策引擎，帮助企业深入挖掘其海关、税务等数据资产，形成商务信用画像和金融增信价值，精准对接跨境金融产品与服务，为企业量身定制跨境贸易服务解决方案，实现政银企资源高效精准对接，助力外贸服务提质增效，推动外贸行业高质量发展。
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  mounted() {
    document.documentElement.scrollTop = 0
  },
  methods: {}
}
</script>
<style scoped lang="scss">
.box {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  background: #f5f7fa;
  .banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 1.7188rem;
    background: url(@/assets/user/001.png);
    background-size: 100% 100%;
    .banner_centent {
      width: 5.9896rem;
      h1 {
        font-size: 0.2188rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #000;
        font-weight: 600;
      }
    }
  }
  .f2 {
    width: 100%;
    .f2_content {
      box-sizing: border-box;
      padding-bottom: 0.4167rem;
      width: 8.3333rem;
      margin: 0 auto;
      .title {
        font-size: 0.1563rem;
        font-family: Source Han Sans SC;
        font-weight: bold;
        color: #181818;
        margin-top: 0.3906rem;
        margin-bottom: 0.2344rem;
      }
      // 应用场景
      .useScene {
        padding: 0.0521rem;
        background-color: #f5f7fa;
        display: flex;
        justify-content: space-between;
        width: 8.3333rem;
        // height: 2.0833rem;
        height: 1.7708rem;
        .useSceneLeft {
          // flex: 1;
          width: 2.7865rem;
          height: 1.7708rem;
          background: #282cf0;
          box-shadow: 0.0521rem 0.0313rem 0.2083rem 0.0313rem #b7bbc1;

          img {
            width: 100%;
            height: 1.7708rem;
          }
        }
        .useSceneRightList {
          box-sizing: border-box;
          padding: 0.1042rem 0.1458rem;
          width: 5.4688rem;
          height: 100%;
          margin-left: 0.0781rem;
          background: #fff;
          box-shadow: 0.0521rem 0.0313rem 0.2083rem 0.0313rem #b7bbc1;
          // margin-bottom: 0.1042rem;
          p {
            text-indent: 2em;
            font-weight: 500;
            font-size: 0.0938rem;
            color: #181818;
            line-height: 0.2188rem;
          }
        }
      }
    }
  }
}
</style>
